<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="angular.js"></script>
    <style>
        ul li{}
    </style>
</head>
<body ng-app='app'>
    <myNav></myNav>
    
</body>
<script type="text/javascript">
    var app=angular.module('app',[])
    app.directive=('myNav',function(){
        return{
            template:'<ul>\
            <li>111111 </li>\
            <li> 2222</li>\
            <li>3333 </li>\
            <li> 4444</li>\
            <li> 5555</li>\
            <li>6666 </li>\
           </ul>'
        }
    })
</script>
</html>